﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>WinFormium</title>
        <link rel="stylesheet" href="index.css" />
        <style></style>
    </head>
    <body>
        <div class="window-container">
            <div class="window-blur-behind">
                <header class="header">
                    <h1 class="logo">
                        WinFormium
                        <span>A .NET UX/UI Framework for<br />Windows Form Application</span>
                    </h1>
                    <nav>
                        <a href="windows.html">窗体样式</a>
                        <a href="interaction.html">界面交互</a>
                        <a href="webresources.html">资源加载</a>
                        <!-- <a href="javascript.html">JavaScript</a> -->
                        <a href="license.html">许可证</a>
                    </nav>
                    <div class="window-controls">
                        <!-- <button
                        class="language group"
                        title="Switch Language"
                    ></button> -->
                        <button class="fullscreen group" app-command="fullscreen"></button>
                        <button class="minimize group" app-command="minimize" title="最小化"></button>
                        <button class="maximize" app-command="maximize" title="最大化"></button>
                        <button class="close" app-command="close" title="关闭"></button>
                    </div>
                </header>
                <sidebar class="content">
                    <div class="intro">
                        <h2>用 HTML/CSS/JavaScript 创建具备丰富<br />互交性的现代化 Windows 桌面应用程序</h2>
                        <p>WinFormium 是一个开源项目，旨在为开发者提供一个基于 Web 技术的桌面应用程序框架。它允许使用 HTML、CSS 和 JavaScript 来构建具有丰富交互性的现代化 WinForm 应用程序。通过 WinFormium，开发者可以利用现有的 Web 技术栈来创建 Windows 平台的桌面应用程序，同时享受桌面应用的性能和用户体验。</p>
                        <div class="links">
                            <a href="https://github.com/xuanchenlin/winformium" target="_blank">
                                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 21 21" xml:space="preserve">
                                    <g id="icon">
                                        <circle cx="10.5" cy="10.5" r="10" fill="none" stroke="#fff" stroke-width="1" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round" />
                                        <path d="M8.5483,15.7513c0.0034,0.6692,0.0109,1.6183,0.0109,1.8092" fill="none" stroke="#fff" stroke-width="1" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round" />
                                        <path d="M12.5297,17.5168c0,-0.2517,0.0089,-1.6461,0.0089,-2.6686c0,-0.7129,-0.2442,-1.178,-0.5183,-1.4152c1.7017,-0.1892,3.4895,-0.8355,3.4895,-3.7707c0,-0.8344,-0.2965,-1.5161,-0.7865,-2.0512c0.0794,-0.1925,0.341,-0.9698,-0.0749,-2.0224c0,0,-0.6408,-0.2054,-2.0995,0.7834c-0.6107,-0.1694,-1.365,-0.2542,-2.0145,-0.2571c-0.6495,0.0029,-1.4032,0.0877,-2.0128,0.2571c-1.4604,-0.9888,-2.1021,-0.7834,-2.1021,-0.7834c-0.4149,1.0527,-0.1534,1.8299,-0.074,2.0224c-0.4889,0.5352,-0.7874,1.2169,-0.7874,2.0512c0,2.9282,1.7844,3.5835,3.4818,3.7768c-0.2185,0.1908,-0.3166,1.5795,-0.3852,2.0735c-0.4361,0.1952,-1.5423,0.533,-2.2239,-0.6353c0,0,-0.4041,-0.7336,-1.1715,-0.7876" fill="none" stroke="#fff" stroke-width="1" stroke-linecap="round" stroke-miterlimit="10" stroke-linejoin="round" />
                                    </g>
                                </svg>
                                GitHub
                            </a>
                        </div>
                    </div>
                </sidebar>
                <main class="view">
                    <div class="demo-window">
                        <div class="window-header">
                            <div class="fack-title">
                                <div class="caption"></div>
                            </div>
                            <div class="fack-controls">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                        </div>
                        <div class="window-content">
                            <svg t="1748795095885" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8346" width="200" height="200">
                                <path d="M123.648 178.346667C361.642667-98.602667 802.986667-43.946667 967.936 279.68h-396.501333c-71.424 0-117.546667-1.621333-167.509334 24.661333-58.709333 30.933333-102.997333 88.234667-118.485333 155.52L123.648 178.389333z" fill="#EA4335" p-id="8347"></path>
                                <path d="M341.674667 512c0 93.866667 76.330667 170.24 170.154666 170.24 93.866667 0 170.154667-76.373333 170.154667-170.24s-76.330667-170.24-170.154667-170.24c-93.866667 0-170.154667 76.373333-170.154666 170.24z" fill="#4285F4" p-id="8348"></path>
                                <path d="M577.877333 734.848c-95.530667 28.373333-207.274667-3.114667-268.501333-108.8-46.762667-80.64-170.24-295.765333-226.346667-393.557333-196.565333 301.226667-27.136 711.808 329.685334 781.866666l165.12-279.509333z" fill="#34A853" p-id="8349"></path>
                                <path d="M669.866667 341.76a233.130667 233.130667 0 0 1 43.008 286.634667c-40.576 69.973333-170.154667 288.682667-232.96 394.581333 367.658667 22.656 635.733333-337.664 514.645333-681.258667H669.866667z" fill="#FBBC05" p-id="8350"></path>
                            </svg>
                            <h1>Build your .NET Desktop Apps with<br />Web Technologies using <strong>WinFormium</strong></h1>
                        </div>
                    </div>
                </main>
            </div>
        </div>
    </body>
</html>
